<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<link rel="stylesheet" type="text/css" href="css/index.css">
	<link rel="stylesheet" type="text/css" href="iconfont/iconfont.css">
</head>
<body>
	<!-- 顶部通栏的开始 -->
	<div class="top">
		<div class="inner w">
			<div class="position">
				<i class="iconfont icon-dingwei"></i><a href="#">黑马</a>
			</div>
			<div class="shortcut-link">
				<ul>
					<li><a href="#">你好，请登录</a></li>
					<li><a href="#">免费注册</a></li>
					<li class="line"></li>
					<li><a href="#">我的订单</a></li>
					<li class="line"></li>
					<li><a href="#">我的京东</a><i class="iconfont icon-icon"></i></li>
					<li class="line"></li>
					<li><a href="#">京东会员</a></li>
					<li class="line"></li>
					<li><a href="#">企业采购</a></li>
					<li class="line"></li>
					<li><a href="#">客户服务</a><i class="iconfont icon-icon"></i></li>
					<li class="line"></li>
					<li><a href="#">网站导航</a><i class="iconfont icon-icon"></i></li>
					<li class="line"></li>
					<li><a href="#">手机京东</a></li>
				</ul>
			</div>
		</div>
	</div>
	<!-- 顶部通栏的结束 -->
	<!-- 头部模块的开始 -->
	<div class="header w">
		<div class="logo">
			<h1>
				<a href="http://www.jd.com">京东</a>
			</h1>
		</div>
		<div class="search-bar">
			<input type="text" name="" placeholder="花王拉拉裤"><i class="iconfont icon-zhaoxiangji"></i><a href="#" class="iconfont icon-fangdajing"></a>
		</div>
		<div class="buyCar">
			<i class="iconfont icon-gouwuche"></i>
			<a href="#">我的购物车</a>
			<i class="num">0</i>
		</div>
		<div class="QR">
			<img src="images/qr-code.png">
			<i class="angle"></i>
		</div>
		<div class="hot-word">
			<ul>
				<li><a href="#">1.11元抢</a></li>
				<li><a href="#">300减200</a></li>
				<li><a href="#">农资爆品日</a></li>
				<li><a href="#">5折嗨购</a></li>
				<li><a href="#">5折秒杀</a></li>
				<li><a href="#">黄金项链</a></li>
				<li><a href="#">脸部卸妆油</a></li>
				<li><a href="#">198减100</a></li>
				<li><a href="#">罗汉果茶</a></li>
			</ul>
		</div>
		<div class="nav">
			<ul>
				<li><a href="#">秒杀</a></li>
				<li><a href="#">优惠券</a></li>
				<li><a href="#">闪购</a></li>
				<li><a href="#">拍卖</a></li>
				<li class="line"></li>
				<li><a href="#">服装城</a></li>
				<li><a href="#">京东超市</a></li>
				<li><a href="#">生鲜</a></li>
				<li><a href="#">全球购</a></li>
				<li class="line"></li>
				<li><a href="#">京东金融</a></li>
			</ul>
		</div>
		<div class="guanggao">
			<img src="images/ad.png">
		</div>
	</div>
	<!-- 头部模块的结束 -->
	<!-- 设置主体背景图片 -->
	<div class="bg">
		<a href="买书的链接">
			
		</a>
	</div>
	<!-- 主体部分的开始 -->
	<div class="main w">
		<div class="shop-list">
			<ul>
				<li>
					<a href="#">家用电器</a>
				</li>
				<li>
					<a href="#">手机</a>
					<span>/</span>
					<a href="#">运营商</a>
					<span>/</span>
					<a href="#">数码</a>
				</li>
				<li>
					<a href="#">电脑</a>
					<span>/</span>
					<a href="#">办公</a>
				</li>
				<li>
					<a href="#">家居</a>
					<span>/</span>
					<a href="#">家具</a>
					<span>/</span>
					<a href="#">家装</a>
					<span>/</span>
					<a href="#">厨具</a>
				</li>
				<li>
					<a href="#">美妆个性</a>
					<span>/</span>
					<a href="#">宠物</a>
				</li>
				<li>
					<a href="#">女鞋</a>
					<span>/</span>
					<a href="#">运箱包</a>
					<span>/</span>
					<a href="#">钟表</a>
					<span>/</span>
					<a href="#">珠宝</a>
				</li>
				<li>
					<a href="#">男装</a>
					<span>/</span>
					<a href="#">女装</a>
					<span>/</span>
					<a href="#">童装</a>
					<span>/</span>
					<a href="#">内衣</a>
				</li>
				<li>
					<a href="#">男鞋</a>
					<span>/</span>
					<a href="#">运动</a>
					<span>/</span>
					<a href="#">户外</a>
				</li>
				<li>
					<a href="#">汽车</a>
					<span>/</span>
					<a href="#">汽车用品</a>
				</li>
				<li>
					<a href="#">母婴</a>
					<span>/</span>
					<a href="#">玩具乐器</a>
				</li>
				<li>
					<a href="#">食品</a>
					<span>/</span>
					<a href="#">酒类</a>
					<span>/</span>
					<a href="#">生鲜</a>
					<span>/</span>
					<a href="#">特产</a>
				</li>
				<li>
					<a href="#">礼品鲜花</a>
					<span>/</span>
					<a href="#">农资绿植</a>
				</li>
				<li>
					<a href="#">医药保健</a>
					<span>/</span>
					<a href="#">计生情趣</a>
				</li>
				<li>
					<a href="#">图书</a>
					<span>/</span>
					<a href="#">音像</a>
					<span>/</span>
					<a href="#">电子书</a>
				</li>
				<li>
					<a href="#">机票</a>
					<span>/</span>
					<a href="#">酒店</a>
					<span>/</span>
					<a href="#">旅游</a>
					<span>/</span>
					<a href="#">生活</a>
				</li>
				<li>
					<a href="#">理财</a>
					<span>/</span>
					<a href="#">众筹</a>
					<span>/</span>
					<a href="#">白条</a>
					<span>/</span>
					<a href="#">保险</a>
				</li>
			</ul>
		</div>
		<div class="banner">
			<div class="sel">
				<i></i>
				<i></i>
				<i></i>
				<i></i>
				<i></i>
				<i></i>
				<i></i>
				<i></i>
			</div>
			<div class="left-arrow iconfont icon-fanhui"></div>
			<div class="right-arrow iconfont icon-gengduo"></div>
		</div>
		<div class="info">
			<div class="user-info">
				<div class="user-icon"><a href="#"></a></div>
				<p class="welcome">Hi!欢迎来到京东!</p>
				<div class="tools">
					<a href="#">登录</a><a href="#">注册</a>
				</div>
				<div class="btn">
					<a href="#">新人福利</a>
					<a href="#">PLUS会员</a>
				</div>
			</div>
			<div class="news">
				<div class="title">
					<a href="#" class="sold">促销</a>
					<i class="line"></i>
					<a href="#" class="notice">公告</a>
					<a href="#" class="more">更多</a>
					<i class="underline"></i>
				</div>
				<div class="new-list">
					<ul>
						<li><a href="#">苹果笔记本电脑低至3999</a></li>
						<li><a href="#">母婴好货领券399减100</a></li>
						<li><a href="#">居家自营满199减100</a></li>
						<li><a href="#">万千好物 低至1折</a></li>
					</ul>
				</div>
			</div>
			<div class="service">
				<ul>
					<li>
						<a href="#">
							<i class="icon"></i>
							<span>加油卡</span>
						</a>
					</li>
					<li>
						<a href="#">
							<i class="icon"></i>
							<span>加油卡</span>
						</a>
					</li>
					<li>
						<a href="#">
							<i class="icon"></i>
							<span>加油卡</span>
						</a>
					</li>
					<li>
						<a href="#">
							<i class="icon"></i>
							<span>加油卡</span>
						</a>
					</li>
					<li>
						<a href="#">
							<i class="icon"></i>
							<span>加油卡</span>
						</a>
					</li>
					<li>
						<a href="#">
							<i class="icon"></i>
							<span>加油卡</span>
						</a>
					</li>
					<li>
						<a href="#">
							<i class="icon"></i>
							<span>加油卡</span>
						</a>
					</li>
					<li>
						<a href="#">
							<i class="icon"></i>
							<span>加油卡</span>
						</a>
					</li>
					<li>
						<a href="#">
							<i class="icon"></i>
							<span>加油卡</span>
						</a>
					</li>
					<li>
						<a href="#">
							<i class="icon"></i>
							<span>加油卡</span>
						</a>
					</li>
					<li>
						<a href="#">
							<i class="icon"></i>
							<span>加油卡</span>
						</a>
					</li>
					<li>
						<a href="#">
							<i class="icon"></i>
							<span>加油卡</span>
						</a>
					</li>
				</ul>
			</div>
		</div>
		<div class="img-ad">
			<a href="#"><img src="images/人丑多读书.jpg"></a>
			<a href="#"><img src="images/人丑多读书.jpg"></a>
		</div>
	</div>
	<!-- 主体部分的结束 -->
	<!-- 秒杀模块的开始 -->
	<div class="seckill w">
		<div class="seckill-title">
			<i class="angle-left"></i>
			<i class="clock"></i>
			<span class="title">京东秒杀</span>
			<span class="slogan">总有你想象不到的小姐姐</span>
			<a href="#" class="more"></a>
			<i class="time">
				<i class="first">当前场次</i>
				<i class="hour">01</i>
				<i class="point1">
					<i class="up"></i>
					<i class="down"></i>
				</i>
				<i class="min">01</i>
				<i class="point2">
					<i class="up"></i>
					<i class="down"></i>
				</i>
				<i class="sec">01</i>
				<i class="last">后结束抢购</i>
			</i>
		</div>
		<div class="seckill-list">
			<ul>
				<li>
					<a href="#">
						<i class="icon"></i>
						<i class="shadow"></i>
						<i class="name">【京东超市】月饼 稻香村中秋月饼礼盒 福满稻香510g</i>
						<i class="price">
							<span class="now"><i>￥</i>9.9</span>
							<span class="old"><i>￥</i><del>999.00</del></span>
						</i>
					</a>
				</li>
				<li>
					<a href="#">
						<i class="icon"></i>
						<i class="shadow"></i>
						<i class="name">【京东超市】月饼 稻香村中秋月饼礼盒 福满稻香510g</i>
						<i class="price">
							<span class="now"><i>￥</i>9.9</span>
							<span class="old"><i>￥</i><del>999.00</del></span>
						</i>
					</a>
				</li>
				<li>
					<a href="#">
						<i class="icon"></i>
						<i class="shadow"></i>
						<i class="name">【京东超市】月饼 稻香村中秋月饼礼盒 福满稻香510g</i>
						<i class="price">
							<span class="now"><i>￥</i>9.9</span>
							<span class="old"><i>￥</i><del>999.00</del></span>
						</i>
					</a>
				</li>
				<li>
					<a href="#">
						<i class="icon"></i>
						<i class="shadow"></i>
						<i class="name">【京东超市】月饼 稻香村中秋月饼礼盒 福满稻香510g</i>
						<i class="price">
							<span class="now"><i>￥</i>9.9</span>
							<span class="old"><i>￥</i><del>999.00</del></span>
						</i>
					</a>
				</li>
				<li>
					<a href="#">
						<i class="icon"></i>
						<i class="shadow"></i>
						<i class="name">【京东超市】月饼 稻香村中秋月饼礼盒 福满稻香510g</i>
						<i class="price">
							<span class="now"><i>￥</i>9.9</span>
							<span class="old"><i>￥</i><del>999.00</del></span>
						</i>
					</a>
				</li>
			</ul>
			<div class="craze">
				<a href="#">
					
				</a>
				<i class="sel">
					<i></i>
					<i class="tag"></i>
				</i>
			</div>
		</div>
	</div>
	<!-- 秒杀模块的结束 -->
	<!-- 底部模块的开始 -->
	<div class="footer">
		<div class="border">
			<div class="slogan w">
				<ul>
					<li>
						<i class="icon"></i>
						<span>品类齐全 , 轻松购物</span>
					</li>
					<li>
						<i class="icon"></i>
						<span>品类齐全 , 轻松购物</span>
					</li>
					<li>
						<i class="icon"></i>
						<span>品类齐全 , 轻松购物</span>
					</li>
					<li>
						<i class="icon"></i>
						<span>品类齐全 , 轻松购物</span>
					</li>
				</ul>
			</div>
		</div>
		<div class="user-help w">
			<ul>
				<li>购物指南</li>
				<li><a href="#">购物流程</a></li>
				<li><a href="#">会员介绍</a></li>
				<li><a href="#">生活旅行</a></li>
				<li><a href="#">常见问题</a></li>
				<li><a href="#">大家电</a></li>
				<li><a href="#">联系客服</a></li>
			</ul>
			<ul>
				<li>购物指南</li>
				<li><a href="#">购物流程</a></li>
				<li><a href="#">会员介绍</a></li>
				<li><a href="#">生活旅行</a></li>
				<li><a href="#">常见问题</a></li>
				<li><a href="#">大家电</a></li>
				<li><a href="#">联系客服</a></li>
			</ul>
			<ul>
				<li>购物指南</li>
				<li><a href="#">购物流程</a></li>
				<li><a href="#">会员介绍</a></li>
				<li><a href="#">生活旅行</a></li>
				<li><a href="#">常见问题</a></li>
				<li><a href="#">大家电</a></li>
				<li><a href="#">联系客服</a></li>
			</ul>
			<ul>
				<li>购物指南</li>
				<li><a href="#">购物流程</a></li>
				<li><a href="#">会员介绍</a></li>
				<li><a href="#">生活旅行</a></li>
				<li><a href="#">常见问题</a></li>
				<li><a href="#">大家电</a></li>
				<li><a href="#">联系客服</a></li>
			</ul>
			<ul class="tag">
				<li>购物指南</li>
				<li><a href="#">购物流程</a></li>
				<li><a href="#">会员介绍</a></li>
				<li><a href="#">生活旅行</a></li>
				<li><a href="#">常见问题</a></li>
				<li><a href="#">大家电</a></li>
				<li><a href="#">联系客服</a></li>
			</ul>
			<div class="map">
				<p class="title">京东自营覆盖区县</p>
				<p class="desc">
					京东已向全国2661个区县提供自营配送服务，支持货到付款、POS机刷卡和售后上门服务。
				</p>
				<p class="more">
					<a href="#" class="iconfont gengduo">查看详情&#xf0344;</a>
				</p>
			</div>
		</div>
		<div class="web-info w">
			<p class="web-links">
				<a href="#">关于我们</a>
				<span>|</span>
				<a href="#">联系我们</a>
				<span>|</span>
				<a href="#">联系客服</a>
				<span>|</span>
				<a href="#">合作招商</a>
				<span>|</span>
				<a href="#">商家帮助</a>
				<span>|</span>
				<a href="#">营销中心</a>
				<span>|</span>
				<a href="#">手机京东</a>
				<span>|</span>
				<a href="#">友情链接</a>
				<span>|</span>
				<a href="#">销售联盟</a>
				<span>|</span>
				<a href="#">京东社区</a>
				<span>|</span>
				<a href="#">风险监测</a>
				<span>|</span>
				<a href="#">隐私政策</a>
				<span>|</span>
				<a href="#">京东公益</a>
				<span>|</span>
				<a href="#">English Site</a>
				<span>|</span>
				<a href="#">Media & IR</a>
			</p>
			<p class="copyRight">
				<a href="#">京公网安备 11000002000088号</a>
				<span>|</span>
				<a href="#">京ICP证070359号</a>
				<span>|</span>
				<a href="#">互联网药品信息服务资格证编号(京)-经营性-2014-0008</a>
				<span>|</span>
				<a href="#">新出发京零 字第大120007号</a>
			</p>
			<p class="copyRight">
				<a href="#">京公网安备 11000002000088号</a>
				<span>|</span>
				<a href="#">京ICP证070359号</a>
				<span>|</span>
				<a href="#">互联网药品信息服务资格证编号(京)-经营性-2014-0008</a>
				
			</p>
			<p class="copyRight">
				<a href="#">京公网安备 11000002000088号</a>
				<span>|</span>
				<a href="#">京ICP证070359号</a>
				
			</p>
			<p class="copyRight">
				<a href="#">京公网安备 11000002000088号</a>
			</p>
			<p class="web-icon">
				<a href="#"></a><a href="#"></a><a href="#"></a><a href="#"></a><a href="#"></a><a href="#"></a>
			</p>
		</div>
	</div>
	<!-- 底部模块的结束 -->

</body>
</html>